<%--
  Created by IntelliJ IDEA.
  User: A415
  Date: 2024/6/11
  Time: 17:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>店面展示 - 详情</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/frontend/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/frontend/css/style.css"/>
</head>
<body>
<div class="clearfix nav">
    <a class="logo" href="javascript:;"></a>
    <ul class="clearfix nav-wrap">
        <li><a class="nav-item" href="index.html">首页</a></li>
        <li><a class="nav-item" href="pinpai.html">品牌故事</a></li>
        <li><a class="nav-item" href="meishi.html">美食系列</a></li>
        <li><a class="nav-item nav-active" href="shop.html">店面展示</a></li>
        <li><a class="nav-item" href="news.html">新闻资讯</a></li>
        <li><a class="nav-item" href="about-us.html">关于我们</a></li>
    </ul>
</div>

<div id="container">
    <div id="buttons">
        <span index="1" class="on"></span>
        <span index="2"></span>
        <span index="3"></span>
    </div>
    <a href="javascript:;" id="prev" class="arrow"><img src="${pageContext.request.contextPath}/frontend/img/l.png"/></a>
    <a href="javascript:;" id="next" class="arrow"><img src="${pageContext.request.contextPath}/frontend/img/r.png"/></a>
</div>

<ul class="breadnav clearfix">
    <li class="bnav-item"><a href="index.html">首页</a></li>
    <li class="bnav-item">&lt;</li>
    <li class="bnav-item"><a href="shop.html">店面展示</a></li>
    <li class="bnav-item">&lt;</li>
    <li class="bnav-item"><a href="javascript:;">北京店</a></li>
</ul>

<div class="shop-conwrap">
    <h1 class="shop-contit">北京朝阳区店</h1>
    <span class="shop-conpic">
				<img src="img/shop-pic7.jpg"/>
			</span>
    <p class="shop-font14"><span class="shop-font18">特色菜品：</span>波尔多酒鹅肝批、罐焖牛肉、勃艮第少司焗蜗牛、奶油蘑菇汤、牛扒、羊排、鹅肝酱、龙虾</p>
    <p class="shop-font14"><span class="shop-font18">营业时间：</span>11:00-22:00 人均消费： 300元左右 包间数量： 3</p>
    <p class="shop-font14"><span class="shop-font18">停车泊位：</span>有停车位 支付方式： 现金、刷卡</p>
    <p class="shop-font14"><span class="shop-font18">餐厅地址：</span>北京市朝阳区朝阳门西大街二号(朝阳门饭店2层)</p>
    <p class="shop-font14"><span class="shop-font18">餐厅标签：</span>法国菜,有包间,有车位,可刷卡,崇文区,地铁1号线,地铁2号线,地铁5号线,崇文门外大街,前门总医院,天坛,祈年殿,龙潭湖公园,北京体育馆,中央戏剧学院,崇文区儿童医院,新世界商场,北京站,新闻大厦,北京饭店,北京市政府,东交民巷,天安门,朋友聚会,家人就餐,谈情约会</p>

    <a href="shop.html" class="shop-icon">返回列表页</a>
</div>

<div class="foot">
    <div class="foot-wrap">
        <p class="foot-tit">友情链接</p>
        <ul class="foot-link clearfix">
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link6.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link5.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link4.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link3.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link2.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link1.png"/></a>
            </li>
        </ul>
        <div class="copyright">
            <p>CopyRight©2003-2015 www.91cy.cn All rigt rederved</p>
            <p>版权所有：贵族食代牛排有限公司</p>
            <p>ICP备案号：京ICP备16047255号-3本站信息由会员自主添加，如信息涉及隐私等，网站不承担任何责任！</p>
        </div>
    </div>
</div>

</body>
<!--jq调用-->
<script src="${pageContext.request.contextPath}/frontend/js/jquery-1.11.0.js" type="text/javascript"></script>

<script type="text/javascript">
    //导航当前项切换
    $(".nav-item").click(function(){
        $(this).parent("li").siblings().children().removeClass("nav-active");
        //点击对象的父级（li）的兄弟级（li）的子集（a）移除类
        $(this).addClass("nav-active");
        //给点击对象添加类
    });
</script>
</html>
